<template>
  <view class="home">
    <image src="/static/logo.png" class="logo"></image>
    <view class="school-info">
      <text class="school-name">艺术学校名称</text>
      <text class="school-description">欢迎报名艺术课程！</text>
    </view>
    <!-- 修改此处，添加点击事件 -->
    <button class="apply-button" @click="goToRegistration">立即报名</button>
  </view>
</template>

<script>
export default {
  methods: {
    // 添加跳转到报名表单页面的方法
    goToRegistration() {
      uni.navigateTo({
        url: '/pages/registration/registration'
      });
    }
  }
};
</script>
<!-- yyy -->

<style scoped>
/* 样式根据学校的设计来调整 */
.home {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  
}

.logo {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.school-info {
  text-align: center;
  margin-bottom: 20px;
}

.school-name {
  font-size: 24px;
  font-weight: bold;
}

.school-description {
  font-size: 16px;
  color: #666;
}

.apply-button {
  width: 200px;
  height: 50px;
  background-color: #007AFF;
  color: #fff;
  border-radius: 25px;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
</style>